<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>输入框</title>
    <link rel="stylesheet" href="../css/style.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/flexible.js"></script>

</head>
<body>
<h1 class="title-h1">手机模板——输入框</h1>
<form action="" class="jy-form">
    <label for="name">
        <input type="text" id="name"  class="jy-input fz32 bg-no"  placeholder="请输入账号">
    </label>
    <label for="pass">
        <input type="password" id="pass"  class="jy-input jy-pass fz32"  placeholder="请输入密码">
    </label>
    <label for="gps" class="jy-check-label">
        <span class="jy-check-span">是否开启GPS定位</span>
        <input type="checkbox" id="gps"  class="jy-input jy-check fz32"  >
    </label>
    <label for="sex" class="jy-check-label">
        <span class="jy-check-span">是否开启自检系统</span>
        <input type="checkbox" id="sex"  class="jy-input jy-check fz32" checked="checked" >
    </label>
    <p>LED指示灯</p>
    <label for="hobby" class="jy-check-label">
        <span class="jy-check-span">低电量提醒</span>
        <input type="checkbox" name="hobby" id="hobby"  class="jy-input jy-check1 fz32">
    </label>
    <label for="hobby1" class="jy-check-label">
        <span class="jy-check-span">来电通知提醒</span>
        <input type="checkbox" name="hobby" id="hobby1"  class="jy-input jy-check1 fz32">
    </label>
    <label>
        <select name="" class="jy-input  fz32">
            <option value="1">军人</option>
            <option value="2">警察</option>
            <option value="3">歌手</option>
            <option value="4">演员</option>
            <option value="5">教师</option>
            <option value="6">学生</option>
        </select>
    </label>

</form>
<script src="../js/input.js"></script>
</body>
</html>